#{extends 'Secure/layout.html' /}
#{set title:'Register new account' /}

<div id="login">
	
	<h1>Register</h1>
		
	#{form @doRegister()}
		#{ifErrors}
			<p class="error">
				#{errors}
				${error}<br />
				#{/errors}
			</p>
		#{/ifErrors}
	
		<p id="password-field">
			<label for="password">GUC ID</label>
			<select name="dash">#{list items:dashes, as:'i'}<option value="${i}">${i}</option>#{/list}</select> - 
			<input type="text" name="stid" value="${flash.stid}" style="width:100px;" />
		</p>
		<p id="username-field">
			<label for="username">GUC Email</label>
			<input type="text" name="username" value="${flash.username}" style="width:120px;text-align:right;" />@student.guc.edu.eg
			<span class="tiny_info block _bbb">You can change your email later.</span>
		</p>
		<p id="signin-field">
			<input type="submit" id="signin" value="Register" /> or <a href="/login">Login</a>
			<span class="tiny_info block _bbb">Your password will be emailed to your GUC mailbox. Much like your email, it could be changed later.</span>
		</p>
	#{/form}
</div>